      <div id="contentHeader">
	      <!-- Main hero unit for a primary marketing message or call to action -->
	      <div id="mainCarousel" class="carousel slide">
	      	<div class="carousel-inner">
	      		<div class="item active">
	      			<img alt="" src="http://placehold.it/1200x200" />
	      			<div class="carousel-caption">
	      				<h4>Image # 1</h4>
	      				<p>Information about the image</p>
	      			</div>
	      		</div>
	      		<div class="item">
	      			<img alt="" src="http://placehold.it/1200x200" />
	      			<div class="carousel-caption">
	      				<h4>Image # 2</h4>
	      				<p>Information about the image</p>
	      			</div>
	      		</div>
	      		<div class="item">
	      			<img alt="" src="http://placehold.it/1200x200" />
	      			<div class="carousel-caption">
	      				<h4>Image # 3</h4>
	      				<p>Information about the image</p>
	      			</div>
	      		</div>
	      		<div class="item">
	      			<img alt="" src="http://placehold.it/1200x200" />
	      			<div class="carousel-caption">
	      				<h4>Image # 4</h4>
	      				<p>Information about the image</p>
	      			</div>
	      		</div>
	      	</div><!--/.carousel-inner -->
	      	<a class="carousel-control left" href="#mainCarousel" data-slide="prev">&lsaquo;</a>
	      	<a class="carousel-control right" href="#mainCarousel" data-slide="next">&rsaquo;</a>
	      </div><!--/.carousel.slide -->
      </div><!-- / contentHeader -->

      <!-- Example row of columns -->
      <div class="row-fluid">
        <div id="main-content" class="span10">
        	
        	<div class="row-fluid">
        		<div class="span3">
        			<h2>Heading 1</h2>
        			<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
        			<p><a class="btn" rel="popover" data-content="And here is some amazing content." data-original-title="Heading 1" href="#">View details &raquo;</a></p>
        		</div><!--/ span -->
        		<div class="span3">
        			<h2>Heading 2</h2>
        			<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
        			<p><a class="btn" rel="popover" data-content="And here is some amazing content. OOO, look at the video..." data-original-title="Heading 2" href="#">View details &raquo;</a></p>
        		</div><!--/ span -->
        		<div class="span6">
        			<h6>Youtube Video</h6>
        			<img alt="" src="http://placehold.it/400x150" />
        		</div><!--/ span -->
        	</div><!--/ row -->
        	
        	<div class="row-fluid">
        		<div class="span3">
        			<h2>Heading 3</h2>
        			<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
        			<p><a class="btn" rel="popover" data-content="And here is some amazing content." data-original-title="Heading 3" href="#">View details &raquo;</a></p>
        		</div><!--/ span -->
        		<div class="span3">
        			<h2>Heading 4</h2>
        			<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
        			<p><a class="btn" rel="popover" data-content="And here is some amazing content. OOO, here is another video to watch..." data-original-title="Heading 4" href="#">View details &raquo;</a></p>
        		</div><!--/ span -->
        		<div class="span6">
        			<h6>Youtube Video</h6>
        			<img alt="" src="http://placehold.it/400x150" />
        		</div><!--/ span -->
        	</div><!--/ row -->
        	
        </div><!--/ span -->
        
        <div class="span2  hidden-phone">
          <div class="well" style="padding: 8px 0;">
          	<ul class="nav nav-list">
          		<li class="nav-header">Main</li>
          		<li id="nav-side-home" class="active"><a href="#"><i class="icon-home icon-white"></i> Home</a></li>
          		<li id="nav-side-contact"><a href="#"><i class="icon-envelope"></i> Contact</a></li>
          		<li class="nav-header">Working</li>
          		<li id="nav-side-dashboard"><a href="#"><i class="icon-briefcase"></i> Dashboard</a></li>
          		<li id="nav-side-profile"><a href="#"><i class="icon-user"></i> Profile</a></li>
          	</ul>
          </div><!--/.well -->
        </div><!--/ span -->
      </div><!--/ row -->